<style>
select {
    padding: 2px;
    font-size: 14px;
    border: 1px solid #aadafd;
    vertical-align: middle;
}

#zxzpLyCompany {
    width: 364px;
}

#zxzpLyPosition {
    width: 202px;
    margin-left: 180px;
}

.zxzpLy-t {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
}

.zxzpLy-t-l {
    float: left;
}

.zxzpLy-t-r {
    float: right;
}

.zxzpLy-num {
    color: #fe4142;
}

.filter-content {
    border: 1px solid #ebebeb;
    padding: 5px;
}

.btn-row {
    margin-top: 25px;
    margin-bottom: 10px;
    width: 100%;
    height: 34px;
}

.btn-row .btn {
    -width: 110px;
}

.filter-result-title {
    padding-left: 5px;
}

.filter-result-table tr th,
.filter-result-table tr td {
    text-align: center;
}

.filter-title {
    display: inline-block;
    width: 110px;
    padding-right: 8px;
    text-align: right;
    font-size: 12px;
}

.filter-row {
    margin-bottom: 5px;
}

.filter-text {
    height: 32px;
    border: 1px solid #a9dbfd;
    width: 224px;
}

.filter-text.sm {
    width: 76px;
}

#zxzpLy .sn-tab-body {
    padding-top: 0;
}

#zxzpLy .sn-tab-nav-item {
    font-size: 14px;
}

#zxzpLy .sn-tab {
    margin-top: 20px;
}
</style>
<div id="zxzpLy" ms-controller="zxzpLy">
    <div class="zxzpLy-container">
        <div style="padding:0 5px;">
            <div style="margin-bottom: 10px;">
                <select name="" id="zxzpLyCompany">
                    <option value="">新星石油新能源研究院招聘公告</option>
                    <option value="">北京石油招聘公告</option>
                    <option value="">浙江石油招聘公告</option>
                </select>
                <select name="" id="zxzpLyPosition">
                    <option value="">全部职位</option>
                    <option value="">普通职位</option>
                    <option value="">高级职位</option>
                </select>
            </div>
            <div class="sn-tab">
                <div class="sn-tab-nav">
                    <div class="sn-tab-nav-item active">未报到</div>
                    <div class="sn-tab-nav-item">已报到</div>
                </div>
                <div class="sn-tab-body">
                    <div class="sn-tab-body-item">
                        <div class="btn-row">
                            <div style="float: left;padding-left: 5px;">
                                <button class="btn btn-success">报到</button>
                                <button class="btn btn-danger" data-toggle="modal" data-target="#notTransfer">不办理调动手续</button>
                            </div>
                            <div style="float: right;padding-right: 5px;">
                                <button class="btn btn-info">花名册</button>
                                <button class="btn btn-info">简历</button>
                            </div>
                        </div>
                        <div class="filter-result">
                            <div class="filter-result-list">
                                <table class="table table-bordered filter-result-table">
                                    <tr>
                                        <th></th>
                                        <th>姓名</th>
                                        <th>人员编号</th>
                                        <th>身份证号</th>
                                        <th>原单位</th>
                                        <th>原岗位</th>
                                        <th>应聘单位</th>
                                        <th>应聘岗位</th>
                                        <th>应聘情况</th>
                                        <th>备注</th>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input type="checkbox">
                                        </td>
                                        <td>李明</td>
                                        <td>男</td>
                                        <td>25</td>
                                        <td>大学本科</td>
                                        <td>计算机科学</td>
                                        <td>工程师</td>
                                        <td></td>
                                        <td>开发工程师</td>
                                        <td>筛选通过</td>
                                    </tr>
                                </table>
                                <div id="noAdviceListPagerTT" style="text-align: center;"></div>
                            </div>
                        </div>
                    </div>
                    <div class="sn-tab-body-item">
                        <div class="btn-row">
                            <div style="float: right;padding-right: 5px;">
                                <button class="btn btn-info">花名册</button>
                                <button class="btn btn-info">简历</button>
                            </div>
                        </div>
                        <div class="filter-result">
                            <div class="filter-result-list">
                                <table class="table table-bordered filter-result-table">
                                    <tr>
                                        <th>姓名</th>
                                        <th>人员编号</th>
                                        <th>身份证号</th>
                                        <th>原单位</th>
                                        <th>原岗位</th>
                                        <th>应聘单位</th>
                                        <th>应聘岗位</th>
                                        <th>应聘情况</th>
                                        <th>备注</th>
                                    </tr>
                                    <tr>
                                        <td>李明</td>
                                        <td>男</td>
                                        <td>25</td>
                                        <td>大学本科</td>
                                        <td>计算机科学</td>
                                        <td>工程师</td>
                                        <td></td>
                                        <td>开发工程师</td>
                                        <td>筛选通过</td>
                                    </tr>
                                </table>
                                <div id="adviceListPager" style="text-align: center;"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="notTransfer" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document" style="width: 400px;margin-top: 200px">
            <div class="modal-content" style="border-radius: 0;">
                <div class="modal-header" style="border-bottom-color:#237dc2;">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" style="color: #237dc2;font-size: 14px;">不办理调动手续原因</h4>
                </div>
                <div class="modal-body">
                    <textarea name="" id="" cols="30" rows="10" ms-duplex="opinion" style="width: 100%;resize:none;">
                    </textarea>
                    <div class="zxzp-btn-row">
                        <div class="btn btn-sm btn-danger" onclick="notTransfer()">不办理调动手续</div>
                        <div id="cancelAuditJob" class="btn btn-sm btn-cancel" data-dismiss="modal" style="background: #ccc">取消</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
setTimeout(initZxzpLy, 0);

function initZxzpLy() {
    $("#zxzpLy .sn-tab-nav-item").click(function(event) {
        var index = $(this).index();
        $(this).siblings().removeClass('active');
        $(this).addClass('active');
        $(this).parent().next().find(".sn-tab-body-item").hide().eq(index).show();
    });
}
function notTransfer(){
    
}
</script>
